@charset "utf-8";
body{
	font-size: 12px;
	color: #333333;
	font-family: "新細明體", "微軟正黑體";
	line-height: 160%;
	}

img{
border: 0;	
}
ul{
	margin-top: 0px;
	padding-top: 0px;
	margin-left: 10px;
	padding-left: 0px;
	display: block;
	}
ul.ul2{
	margin-top: 12px;
	padding-top: 0px;
	margin-left: 30px;
	padding-left: 0px;
	display: block;
	}
.red{
	color: #F00;
	}
div.blue{
	color: #008DB2;
	font-size: 15px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	}
.dotline {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #000;
}
.gray{
	font-size: 12px;
	color: #B7B7B7;
	}
.blue{
	font-weight: bold;
	color: #0099BF;
	padding-left: 10px;
	display: block;
	padding-bottom: 15px;
	}
.team-img {
	border: 5px solid #EFEFEF;
	display: inline-block;
	height: 134px;
	width: 130px;
}

h1{
	font-size: 15px;
	color: #333333;
	display: block;
	padding: 0px;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
	}
.heading-01 {
	background-image: url(../img/img-icon-5.jpg);
	background-repeat: no-repeat;
	background-position: 0px 8px;
	display: block;
	padding-left: 15px;
}

.clr{
	clear: both;
	}
a{
	color: #333333;
	text-decoration: none;
	}
a:hover{
	color: #008EB3;
	}
a.sitemap{
	background-image: url(../img/img-sitemap.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 18px;
	width: 64px;
	text-decoration: none;
	font-size: 13px;
	color: #FFF;
	text-align: left;
	padding-left: 20px;
	padding-top: 0px;
	}
a.sitemap:hover{
	background-image: url(../img/img-sitemap-hover.jpg);
}
a.mainmenu{
	background-image: url(../img/img-icon-2.jpg);
	background-repeat: no-repeat;
	background-position: 0px 6px;
	display: block;
	padding-right: 10px;
	padding-left: 10px;
	float: left;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #C8C8C8;
	width: 194px;
	margin-right: 15px;
	margin-left: 15px;
	padding-bottom: 5px;
	margin-top: 8px;
}
a.mainmenu:hover{
	color: #008DB2;	
	}
a.sub-mainmenu{
	float: left;
	width: 200px;
	padding-left: 44px;
	color: #008DB2;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-decoration: none;
	display: block;
	padding-top: 8px;
}
a.sub-mainmenu:hover{
	color: #000;
}
a.footerlink {
	text-align: right;
	display: block;
	float: right;
	margin-right: 10px;
	margin-left: 10px;
	color: #7F92A6;
}
a.footerlink:hover {
	color: #0091B6;
}
a.team-name{
	background-image: url(../img/img-icon-4.jpg);
	background-repeat: no-repeat;
	background-position: 0px 6px;
	text-align: left;
	display: block;
	width: 139px;
	padding-left: 10px;
	}
a.news-subject{
	background-image: url(../img/img-icon-1-hover.png);
	background-repeat: no-repeat;
	background-position: 0px 6px;
	display: block;
	padding-left: 10px;
	text-decoration: none;
	text-align: left;
	margin-left: 20px;
	}
a.environment{
	background-image: url(../img/img-environmenet-2.jpg);
	background-repeat: no-repeat;
	text-align: left;
	display: block;
	width: 154px;
	font-size: 15px;
	color: #009EC5;
	font-weight: bold;
	padding-left: 60px;
	padding-top: 10px;
	background-position: bottom;
	padding-bottom: 10px;
	float: left;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 20px;
	}
a.environment:hover{
	color: #333;	
	
}
#index-bg {
	margin: 0;
	padding: 0;
	background-image: url(../img/index-bg.jpg);
	background-repeat: repeat-x;
}
#container {
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	width: 1000px;
	text-align: left;
}
#footer {
	float: left;
	width: 960px;
	padding-right: 20px;
	padding-left: 20px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #C8C8C8;
	height: 62px;
	margin-top: 15px;
	vertical-align: top;
	padding-top: 0px;
}


#header {
	background-image: url(../img/header-bg.jpg);
	background-repeat: no-repeat;
	height: 139px;
	width: 1000px;
}
#logo {
	float: left;
	height: 139px;
	width: 484px;
}
#lang {
	height: 100px;
	width: 516px;
	float: right;
	text-align: right;
	padding-top: 6px;
}
#lang a{
	color: #FFF;
	background-image: url(../img/img-icon-1.png);
	background-repeat: no-repeat;
	background-position: 0px 6px;
	display: block;
	padding-right: 10px;
	padding-left: 10px;
	float: right;
	text-decoration: none;
	margin-left: 10px;
}
#lang a:hover{
	color: #9FF;
	background-image: url(../img/img-icon-1-hover.png);
}
#content {
	float: left;
	width: 1000px;
}
#conent-L {
	width: 244px;
	float: left;
}
#conent-R {
	float: left;
	width: 756px;
}
#conent-R-inner {
	padding-left: 10px;
	float: left;
	width: 746px;
}
#nav {
	font-size: 12px;
	color: #333333;
	text-align: left;
	float: left;
	margin-top: 11px;
}
#nav img{
	padding-left: 10px;
	padding-right: 10px;
}
#mainmenu {
	float: left;
	width: 244px;
	padding-top: 10px;
	font-size: 13px;
}
#banner {
	heigaht: 196px;
	width: 756px;
}
.sitemap {
	height: 18px;
	width: 516px;
	text-align: right;
	float: right;
	padding-top: 15px;
}
.ind-new {
	width: 455px;
}
.ind-heading-site {
	font-size: 21px;
	color: #525252;
	width: 756px;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #B1CDE9;
	font-family: "微軟正黑體", Arial;
	padding-bottom: 5px;
	float: left;
	height: 30px;
	padding-top: 22px;
}
.ind-site  {
	width: 756px;	
}

.ind-site img {
	margin: 5px;
}

.ind-heading-service {
	font-size: 21px;
	color: #525252;
	width: 290px;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #B1CDE9;
	font-family: "微軟正黑體", Arial;
	padding-bottom: 5px;
	float: left;
	height: 30px;
	padding-top: 22px;
	margin-left: 10px;
}
.ind-heading-news {
	font-size: 21px;
	color: #525252;
	width: 455px;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #B3C1B3;
	font-family: "微軟正黑體", Arial;
	padding-bottom: 5px;
	float: left;
	height: 30px;
	padding-top: 22px;
}
.ind-news-date {
	background-image: url(../img/img-icon-3.jpg);
	background-position: 0px 8px;
	width: 73px;
	background-repeat: no-repeat;
	text-align: left;
	padding-left: 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin-top: 12px;
}
.ind-news-item {
	background-image: url(../img/img-ind-3.jpg);
	background-repeat: no-repeat;
	text-align: left;
	height: 17px;
	width: 68px;
	padding-left: 8px;
	color: #009FC7;
	margin-top: 12px;
}

.ind-news-context {
	width: 298px;
	margin-top: 12px;
}
.aboutus-item-content {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #BBBBBB;
	padding-left: 10px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
}
.aboutus-item-content-arror{
	background-image: url(../img/img-icon-6.jpg);
	background-repeat: no-repeat;
	background-position: 0px 6px;
	text-align: left;
	display: block;
	padding-left: 20px;
	}
.aboutus-gallery-left {
	height: 141px;
	width: 61px;
	float: left;
}
.aboutus-gallery-right {
	height: 141px;
	width: 57px;
	float: left;
}
.aboutus-gallery-middle {
	height: 141px;
	width: 486px;
	float: left;
	background-image: url(../img/img-about-4.jpg);
	background-repeat: repeat-x;
}
.aboutus-gallery-middle img{
	margin-top: 17px;
	padding-right: 5px;
	padding-left: 5px;
}
.aboutus-gallery {
	float: left;
	height: 141px;
	width: 604px;
}
.team-name-zone {
	float: left;
	width: 149px;
}

td.green1{
	font-size: 13px;
	font-weight: bold;
	color: #008C22;
	}
td.green{
	background-color: #85B200;
	color: #FFF;
	height: 30px;
	}
td.gray{
	background-color: #8D8D8D;
	color: #FFF;
	height: 30px;
	}
td.dotline-1{
	border-bottom-width: 1px;
	padding-top: 8px;
	padding-bottom: 8px;
	border-bottom-style: dotted;
	border-bottom-color: #C8C8C8;
	}
td.dotline-gary{
	border-bottom-width: 1px;
	padding-top: 8px;
	padding-bottom: 8px;
	border-bottom-style: dotted;
	border-bottom-color: #C8C8C8;
	background-color: #F1F1F1;
	}
td.distantcenter img{
	padding-top: 10px;
	padding-bottom: 10px;
	}
div.page {
    padding-bottom: 10px;
    padding-top: 40px;
    text-align: center;
}
div.page a {
	color: #666666;
	font-size: 13px;
	margin-right: 10px;
	text-decoration: none;
	width: 30px;
}
div.page a:hover {
	color: #24ADD1;
	font-size: 13px;
	margin-right: 10px;
	text-decoration: none;
	width: 30px;
	font-weight: bold;
}
div.page img{
	padding-right: 10px;
	padding-left: 10px;
	margin-top: 10px;
}
.news-head {
	background-image: url(../img/img-news-1.jpg);
	background-repeat: no-repeat;
	background-position: right 0px;
	height: 39px;
}
.news-download {
	background-image: url(../img/img-icon-4.jpg);
	background-repeat: no-repeat;
	background-position: 0px 6px;
	text-align: left;
	display: block;
	width: 139px;
	padding-left: 10px;
	margin-top: 20px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	margin-bottom: 20px;
}
.environment-bg {
	background-image: url(../img/img-environmenet-1.jpg);
	background-repeat: no-repeat;
	height: 117px;
	width: 726px;
	padding-top: 300px;
	padding-left: 20px;
	text-align: left;
	float: left;
}
.environment-bg-2 {
	background-image: url(../img/img-environmenet-3.jpg);
	background-repeat: no-repeat;
	height: 454px;
	width: 726px;
	padding-left: 20px;
	text-align: left;
	float: left;
	padding-top: 75px;
}
.environment-bg-3 {
	height: 500px;
	width: 586px;
	text-align: left;
	float: left;
	background-color: #CCC;
	border: 1px solid #999;
	margin: 10px;
}
.gallery-border {
	border: 1px solid #666;
	float: left;
}

.environemt-gallery-broder {
	background-image: url(../img/img-environmenet-4.png);
	background-repeat: no-repeat;
	height: 170px;
	width: 220px;
	padding-top: 18px;
	padding-left: 18px;
}
.gallery-heading {
	background-image: url(../img/img-icon-8.png);
	background-repeat: no-repeat;
	background-position: 0px 8px;
	text-align: left;
	width: 218px;
	padding-left: 20px;
}
.gallery-number {
	text-align: left;
	width: 218px;
	padding-left: 20px;
	color: #999;
}
.heading-movie {
	background-image: url(../img/img-icon-10.jpg);
	background-repeat: no-repeat;
	background-position: right 0px;
	display: block;
	padding-right: 40px;
	float: right;
	font-size: 15px;
}
#container2 {
	position: relative;
	width: 600px;
	height: 700px;
	border: 1px solid #000;
	margin: 10px auto;
	font-family: verdana, arial, sans-serif;
	font-size: 12px;
}

#container2 a.pics {
	float: left;
	display: inline;
	color: #000;
	text-decoration: none;
	border: 1px solid #000;
	width: 75px;
	height: 75px;
	cursor: default;
	margin-top: 7px;
	margin-right: 21px;
	margin-bottom: 7px;
	margin-left: 21px;
}
#container2 a.pics img.thumb {display:block; border:0;}

#container2 a.pics span {display:none; border:0; width:580px; background:#bbb; border:1px solid #fff; text-align:center;}
#container2 a.pics span img {margin:10px auto; border:1px solid #000;}

#container2 a.pics:hover {white-space:normal; border:1px solid #fff;}
#container a.pics:hover span {display:block; position:absolute; left:9px; top:192px; z-index:10; height:500px;}

#container2 a.pics:active {border:1px solid #fc0;} 
#container2 a.pics:active span {display:block; position:absolute; left:9px; top:192px; z-index:5; height:500px;}

#container2 a.pics:focus {border:1px solid #fc0; outline:0;}
#container2 a.pics:focus span {display:block; position:absolute; left:9px; top:192px; z-index:5; outline:0;}

#container2 span.info {
	clear: left;
	display: block;
	text-align: center;
	line-height: 20px;
	margin: 0;
	padding: 200px 0 0 0;
	width: 600px;
	text-align: center;
	color: #eee;
	z-index: 1;
}
#container2 span.info a {color:#000;}
#container2 span.info a:hover {text-decoration:none;}


</style>
#container3 {
	overflow: scroll;
	height: 100px;
}
